import { StyleSheet, Dimensions } from 'react-native';

const blockSize = 5;
const marginSize = 16;

export default StyleSheet.create({
  activitiesList: {
    paddingBottom: blockSize,
  },
  itemWrap: {
    marginHorizontal: marginSize,
    marginTop: marginSize,
    borderWidth: 1,
    borderColor: '#ccc',
    backgroundColor: '#fff',
    overflow: 'hidden'
  },
  item: {
    padding: blockSize,
  },
  activityTag: {
    position: 'absolute',
    width: 128,
    top: 16,
    left: -36,
    paddingVertical: 2,
    alignItems: 'center',
    transform:[{ rotateZ: '-45deg' }],
    zIndex: 100
  },
  wrap: {
    alignItems: 'stretch',
  },
  img: {
    flexGrow: 1,
    flexShrink: 1,
  },
  title: {
    position: 'absolute',
    bottom: 0,
    left: 0,
    padding: blockSize,
    backgroundColor: 'rgba(0, 0, 0, 0.5)',
  },
  titleText: {
    color: '#fff',
    fontSize: 18,
  },
  titleDate: {
    color: '#fff',
    fontSize: 14,
  },
  block: {
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center',
    paddingHorizontal: 10,
    height: 44,
    backgroundColor: '#ff0'
  },
  text: {
    flex: 1,
    fontSize: 16,
    color: '#666',
    paddingRight: 10,
  },
  naBtn: {
    flexShrink: 0,
    width: 128 
  }
})
